###什么是Selenium？

```
概念： Selenium是一个用于Web应用程序测试的工具；中文的意思（硒）

```

### Selenium特点

```
1. 开源软件：源代码开放可以根据需要来增加工具的某些功能
2. 跨平台：linux 、windows 、mac
3. 核心功能：就是可以在多个浏览器上进行自动化测试
4. 多语言：Java、Python、C#、JavaScript、Ruby等
5. 成熟稳定：目前已经被google , 百度， 腾讯等公司广泛使用
6. 功能强大：能够实现类似商业工具的大部分功能，因为开源性，可实现定制化功能
```

###什么是WebDriver?

```
1. Webdriver (Selenium2）是一种用于Web应用程序的自动测试工具；
2. 它提供了一套友好的API；
3. Webdriver完全就是一套类库，不依赖于任何测试框架，除了必要的浏览器驱动;

说明：
    API：应用编程接口说明（WebDriver类库内封装非常多的方法，要使用这些方法，就需要友好的调用命名规则）
```

### WebDriverAPI 支持的浏览器

```
1. Firefox （FirefoxDriver）【推荐】
2. IE（InternetExplorerDriver）
3. Opera（OperaDriver）
4. Chrome （ChromeDriver）
5. safari（SafariDriver）
6. HtmlUnit (HtmlUnit Driver)

提示：
    Firefox、Chrome：对元素定位和操作有良好的支持，同时对JavaScript支持也非常好。
    IE:只能在windows平台运行，所有浏览器中运行速度最慢
    HtmlUnit：无GUI(界面)运行，运行速度最快；

推荐原因：
    1. Selenium IDE
    2. FireBug
    3. 对WebDriver API支持良好
```

###为什么要学习WebDriver?

```
1. 自动化概念
2. WebDriver-定位元素
3. WebDriver-操作元素
```

###selenium 安装、卸载、查看命令

```
安装：pip install selenium==2.48.0
      1). pip:通用的 Python 包管理工具。提供了对 Python 包的查找、下载、安装、卸载的功能。 
      2). install: 安装命令
      3). selenium==2.48.0: 指定安装selenium2.48.0版本（如果不指定版本默认为最新版本）
卸载：pip uninstall selenium
查看：pip show selenium
```

###WebDriver 元素定位方式

```
1. id
2. name
3. class_name
4. tag_name
5. link_text
6. partial_link_text
7. Xpath
8. Css
```

###定位方式分类-汇总：

```
1). id、name、class_name：为元素属性定位
2). tag_name：为元素标签名称
3). link_text、partial_link_text：为超链接定位(a标签)
4). Xpath：为元素路径定位
5). Css：为CSS选择器定位
```

#### id定位方法

```
说明：HTML规定id属性在整个HTML文档中必须是唯一的，id定位就是通过元素的id属性来定位元素；
前提：元素有id属性

find_element_by_id()
```

#### id定位实现 步骤分析

```
1. 导入selenium包 --> from selenium import webdriver
2. 导入time包 --> from time import sleep
3. 实例化火狐浏览器 --> driver=webdriver.Firefox()
4. 打开对应的地址 --> driver.get(url)
5. 调用id定位方法 --> driver.find_element_by_id("对应标签id")
6. 使用send_keys()方法发送数据 --> .send_keys("数据")
7. 暂停3秒 --> sleep(3)
8. 关闭浏览器 --> quit()
```

#### name定位方法

```
说明：HTML规定name属性来指定元素名称，因此它的作用更像人名，name的属性值在当前文档中可以不是唯一的，name定位就是根据元素name属性来定位
前提：元素有name属性

find_element_by_name()
```

#### name定位实现 步骤分析

```
 参考id定位
```

#### class_name定位方法

```
说明：HTML规定了class来指定元素的类名，用法和name、id类似；
前提：元素有class属性

find_element_by_class_name()
```

#### class_name定位实现 步骤分析

```
参考id定位
```

#### tag_name定位方法

```
说明：HTML本质就是由不同的tag(标签)组成，而每个tag都是指同一类，所以tag定位效率低，
      一般不建议使用；tag_name定位就是通过标签名来定位

1. find_element_by_tag_name()
        返回：符合条件的第一个标签
```

#### tag_name定位实现 步骤分析

```
参考id定位
```

#### link_text定位方法

```
说明：link_text定位与前面4个定位有所不同，它专门用来定位超链接文本（<a>标签</a>）

1. 方法：find_element_by_link_text()    
2. 说明：需要传入a标签全部文本   
```

#### link_text 步骤分析

```
1. 参考id定位
2. 点击 --> click()
```

#### partial_link_text定位方法

```
说明：partial_link_text定位是对link_text定位的补充，partial_like_text为模糊匹配；link_text全部匹配

1. 方法：find_element_by_partial_link_text()    
2. 说明：需要传入a标签局部文本-能表达唯一性
```

#### partial_link_text 步骤分析

```
参考link_text定位
```

#### find_element[s]_by_XXX()

```
作用：
    1). 查找定位所有符合条件的元素
    2). 返回的定位元素格式为数组(列表)格式；
说明：
    1). 列表数据格式的读取需要指定下标(下标从0开始)
```

### Xpath、CSS定位

###XPath定位

####为什么要学习Xpath、CSS定位？

```
1. 在实际项目中标签没有id、name、class属性
2. id、name、class属性值为动态获取，随着刷新或加载而变化   
```

####什么是Xpath？

```
1. XPath即为XML Path 的简称，它是一种用来确定XML文档中某部分位置的语言。
2. HTML可以看做是XML的一种实现，所以Selenium用户可以使用这种强大的语言在Web应用中定位元素。

XML：一种标记语言，用于数据的存储和传递。 后缀.xml结尾

提示：Xpath为强大的语言，那是因为它有非常灵活定位策略；
```

####Xpath定位策略(方式)

```
1. 路径-定位
    1). 绝对路径
    2). 相对路径 
2. 利用元素属性-定位
3. 层级与属性结合-定位
4. 属性与逻辑结合-定位
```

####Xpath定位 方法

```
driver.find_element_by_xpath()
```

####路径(绝对路径、相对路径)

```
绝对路径：从最外层元素到指定元素之间所有经过元素层级路径 ；如:/html/body/div/p[2]
          提示：
              1). 绝对路径以/开始
              
相对路径：从第一个符合条件元素开始(一般配合属性来区分)；如：//input[@id='userA']
          提示：
              1). 相对路径以//开始
```

####利用元素属性

```
说明：快速定位元素，利用元素唯一属性；
示例：//*[@id='userA']    
```

####层级与属性结合

```
说明：要找的元素没有属性，但是它的父级有；
示例：//*[@id='p1']/input
```

####属性与逻辑结合

```
说明：解决元素之间个相同属性重名问题
示例：//*[@id='telA' and @class='telA']
```

####Xpath-延伸

```
//*[text()="xxx"]                            文本内容是xxx的元素

//*[starts-with(@attribute,'xxx')]                属性以xxx开头的元素

//*[contains(@attribute,'Sxxx')]                属性中含有xxx的元素
```

###CSS定位

```
什么是CSS？
1. CSS（Cascading Style Sheets）是一种语言，它用来描述HTML和XML的元素显示样式；
   (css语言书写两个格式：
                           1. 写在HTML语言中<style type="text/css">...    
                           2. 写在单独文件中 后缀.css )
2. 而在CSS语言中有CSS选择器(不同的策略选择元素)，在Selenium中也可以使用这种选择器；
提示：
    1. 在selenium中极力推荐CSS定位，因为它比XPath定位速度要快
    2. css选择器语法非常强大，在这里我们只学习在测试中常用的几个
```

#### CSS定位 方法

```
driver.find_element_by_css_selector()
```

####CSS定位常用策略 (方式)

```
1. id选择器
2. class选择器
3. 元素选择器
4. 属性选择器
5. 层级选择器
```

#### id选择器

```
说明：根据元素id属性来选择
格式：#id 如：#userA <选择id属性值为userA的所有元素>
```

#### class选择器

```
说明：根据元素class属性来选择
格式：.class 如：.telA <选择class属性值为telA的所有元素>
```

#### 元素选择器

```
说明：根据元素的标签名选择
格式：element 如：input <选择所有input元素>
```

#### 属性选择器

```
说明：根据元素的属性名和值来选择
格式：[attribute=value] 如：[type="password"] <选择所有type属性值为password的值>

```

#### 层级选择器

```
说明：根据元素的父子关系来选择
格式：element>element 如：p>input <返回所有p元素下所有的input元素>
提示：> 可以用空格代替 如：p input 或者 p [type='password']
```

#### CSS延伸

```
1. input[type^='p'] 说明：type属性以p字母开头的元素
2. input[type$='d'] 说明：type属性以d字母结束的元素
3. input[type*='w'] 说明：type属性包含w字母的元素
```